<template>
  <a-tabs style="background-color: white" v-model:active-key="currentPage" size="mini">
    <a-tab-pane key="SaleReturnRecord" title="退货记录" />
    <a-tab-pane key="ChangeGoodRecord" title="换货记录" />
  </a-tabs>
  <component :is="currentPage" />
</template>

<script lang="ts">
  import { defineComponent, ref, reactive, toRefs } from 'vue'
  import SaleReturnRecord from './components/salesReturnRecord.vue'
  import ChangeGoodRecord from './components/changeGoodRecord.vue'
  export default defineComponent({
    components: { SaleReturnRecord, ChangeGoodRecord },
    setup() {
      const data: any = reactive({
        currentPage: 'SaleReturnRecord',
      })
      return {
        ...(toRefs(data) as any),
      }
    },
  })
</script>

<style lang="less" scoped></style>
